<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://www.purecss.cn/css/pure-min.css">
    <link rel="stylesheet" href="https://www.purecss.cn/css/main-grid.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script>

</head>
<body>
    <div class="pure-g">
        <div class="pure-u-1-24"><a href="https://v.qq.com/" class="la">qqv</a></div>
        <div class="pure-u-1-24"><a href="https://www.iqiyi.com/" class="la">iqiyi</a></div>
        <div class="pure-u-1-24"><a href="https://www.youku.com/" class="la">youku</a></div>
    </div>
    <div id="ibrown">
        　　<!--jquery 插入html 位址-->
    </div>

</body>
<script>
    $("#ibrown").load(function(){
        var mainheight = $(window).height()-30;
        $(this).height(mainheight);
    });

    $(".la").click(function(){
        $.get($(this).attr("href"),function(data){
            $("#ibrown").html(data);
        });
        return false;


    });
    // $(document).ready(function(){
    //     var he = $(window).height();
    //     $(this).height(he);
    // });
</script>
</html>
